// @import "../themes/generated/variables.base.scss";
#login-container {
    width: 1200px;
    margin: auto;
    display: flex;

    .login-left {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        color: #fff;
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2;
        position: relative;
        background-image: url(/src/assets/login-left.png);
        background-size: cover;
        min-height: 600px;

        div {
            display: flex;
            margin: 50px;
            -webkit-box-align: center;
            align-items: center;

            p {
                font-size: 50px;
                color: #fff;
            }
        }
    }

    .login-right {
        border-left: none;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        color: #fff;
        background-color: #fff;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;

        .login-main {
            margin: 0 auto;
            width: 80%;

            .login-title {
                margin: 0;
                color: #001030;
                font-weight: 450;
                font-size: 22px;
                text-align: center;
                letter-spacing: 4px;
                line-height: 240px;
                font-size: 40px;
            }

            .login-form {
                margin: 10px 0;

                .submit-button {
                    margin-top: 30px;
                }

                .login-type {
                    margin-top: 50px;
                    display: flex;
                    justify-content: space-between;
                }
            }
        }
    }
}
